<%@ page contentType="text/html;charset=UTF-8" %>

<%--工作人员详情弹窗--%>
<div id="workerDetailDiv" class="window-layer window-details">
    <div class="window-bg" onclick="CloseWorkerDetailDiv()" title="关闭窗口"></div>
    <div class="window-main" style="top: 200px;width: 470px;margin-left: -265px;">
        <div class="window-body">

            <%--主要信息--%>
            <div class="details-div">
                <h3 id="worker_name"></h3>
                <ul class="info-list">
                    <li>
                        <span>身份证</span>
                        <p id="worker_id"></p>
                    </li>
                    <li>
                        <span>所属单位</span>
                        <p id="worker_belong"></p>
                    </li>
                    <li>
                        <span>联系电话</span>
                        <p id="worker_phone"></p>
                    </li>
                </ul>
                <ul class="info-list">
                    <li>
                        <span>最后更新</span>
                        <p id="worker_time"></p>
                    </li>
                </ul>
                <ul class="info-list">
                    <li>
                        <span>服务站点</span>
                        <p class="main-color show-pointinfo" data-pointid="" id="worker_point_name"></p>
                    </li>
                    <li>
                        <span>负责人</span>
                        <p><span id="worker_point_leader"></span> <span id="worker_point_leaderPhone"></span></p>
                    </li>
                    <li>
                        <span>站点位置</span>
                        <p id="worker_point_position"></p>
                    </li>
                    <li>
                        <span>站点车辆</span>
                        <p><span id="worker_point_car"></span> 辆专线车辆</p>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</div>

<%--乘车点详情弹窗--%>
<div id="ridePointDetailDiv" class="window-layer window-details">
    <div class="window-bg" onclick="CloseRidePointDetailDiv()" title="关闭窗口"></div>
    <div class="window-main">
        <div class="window-body">

            <%--主要信息--%>
            <div class="details-div" style="width: 735px;">
                <h3 id="air_rp_name"></h3>
                <ul class="info-list">
                    <li>
                        <span>位置</span>
                        <p id="air_rp_position"></p>
                    </li>
                    <li>
                        <span>负责人</span>
                        <p><span id="air_rp_leader"></span> <span id="air_rp_phone"></span> <span id="air_rp_interphone"></span> </p>
                    </li>
                    <li>
                        <span>工作人员</span>
                        <p id="worker_p"></p>
                    </li>
                </ul>
                <ul class="info-list">
                    <li>
                        <span>行程</span>
                        <p><span class="car_startpointName"></span> ↔ <span class="car_tarplace"></span></p>
                    </li>
                    <li>
                        <span>单程耗时</span>
                        <%-- todo 该行程的平均值，参考“信息大屏-乘车点概况”底部表格的单程（去程）耗时--%>
                        <p id="consume">0</p>
                    </li>
                </ul>
                <div class="camera-list">
                    <%--摄像头画面--%>
                    <div class="camera-box">
                        <object id="pointCamera1" type='application/x-vlc-plugin' events='True' width="100%" height="100%">
                            <param name='mrl' value='' />
                            <param name='volume' value='0' />
                            <param name='autoplay' value='true' />
                            <param name='loop' value='false' />
                            <param name='fullscreen' value='true' />
                        </object>
                    </div>
                    <div class="camera-box">
                        <object id="pointCamera2" type='application/x-vlc-plugin' events='True' width="100%" height="100%">
                            <param name='mrl' value='' />
                            <param name='volume' value='0' />
                            <param name='autoplay' value='true' />
                            <param name='loop' value='false' />
                            <param name='fullscreen' value='true' />
                        </object>
                    </div>
                    <div class="camera-box">
                        <object id="pointCamera3" type='application/x-vlc-plugin' events='True' width="100%" height="100%">
                            <param name='mrl' value='' />
                            <param name='volume' value='0' />
                            <param name='autoplay' value='true' />
                            <param name='loop' value='false' />
                            <param name='fullscreen' value='true' />
                        </object>
                    </div>
                    <div class="camera-box">
                        <object id="pointCamera4" type='application/x-vlc-plugin' events='True' width="100%" height="100%">
                            <param name='mrl' value='' />
                            <param name='volume' value='0' />
                            <param name='autoplay' value='true' />
                            <param name='loop' value='false' />
                            <param name='fullscreen' value='true' />
                        </object>
                    </div>
                </div>
            </div>

            <%--车辆列表--%>
            <div class="subdetails-div" style="width: 380px;">
                <h4>专线巴士（<span id="air_rp_busSum"></span>辆、共<span id="air_rp_seat"></span>座）</h4>
                <ul class="point-car-list scroll-box" id="drivers">
                </ul>
            </div>

        </div>
    </div>
</div>


<%--车辆详情弹窗--%>
<div id="carDetailDiv" class="window-layer window-details">
    <div class="window-bg" onclick="CloseCarDetailDiv()" title="关闭窗口"></div>
    <div class="window-main" style="top: 200px;">
        <div class="window-body">

            <%--主要信息--%>
            <div class="details-div">
                <h3 class="car_number"></h3>
                <ul class="info-list">
                    <li>
                        <span>类型</span>
                        <p><span id="car_seating"></span>座 <span id="car_type"></span></p>
                    </li>
                    <li>
                        <span>当前位置</span>
                        <p id="car_position"></p>
                    </li>
                    <li>
                        <span>状态</span>
                        <p id="car_status"></p>
                    </li>
                    <li>
                        <span>最近更新</span>
                        <p id="car_date"></p>
                    </li>
                </ul>
                <ul class="info-list">
                    <li>
                        <span>司机</span>
                        <p><span id="car_name"></span> <span id="car_phone"></span></p>
                    </li>
                    <li>
                        <span>对讲机</span>
                        <p id="car_interphone"></p>
                    </li>
                </ul>
                <ul class="info-list">
                    <li>
                        <span>行程</span>
                        <p><span class="car_startpointName"></span> ↔ <span class="car_tarplace"></span></p>
                    </li>
                    <li>
                        <span>单程耗时</span>
                        <%--todo 缺该车辆的历史去程的平均耗时--%>
                        <p id="consumed">50分钟</p>
                    </li>
                </ul>
                <ul class="info-list">
                    <li>
                        <span>服务站点</span>
                        <p class="main-color show-pointinfo" data-pointid="" id="car_pointName"></p>
                    </li>
                    <li>
                        <span>负责人</span>
                        <p><span id="car_leader"></span> <span id="leader_phone"></span></p>
                    </li>
                </ul>
            </div>

            <%--加载地图--%>
            <div class="subdetails-div" >
                <div class="map-box" id="mapBox">
                </div>
                <div class="map-error-tip">
                    <span>GPS异常</span>
                </div>
            </div>

        </div>
    </div>
</div>


